<script type="text/javascript">
    /*<![CDATA[*/
    jQuery(function($) {
        var width = $(window).width();
        if(width > 767){
            $('#defaultApp-container').addClass('container');
            //$('#defaultApp-row').addClass('row-fluid');
            //$('#defaultApp-container').css('margin', 'auto');
            //$('#defaultApp-container').css('min-height', '500px');
            $('#defaultApp-content').addClass('span8');
            $('#defaultApp-rightbar').addClass('span4');
            
        }
        else{
            $('#defaultApp-rightbar').addClass('span8');
        }
    })   
    /*]]>*/
</script>
<div id="defaultApp-container" style="min-height: 500px;padding: 10px">
    <div id="defaultApp-row" class="row-fluid">
        <div id="defaultApp-content">
            <?php
            $uiObj = Blyn::app()->getActiveApp()->getUIManager();
            $views = $uiObj->getViews();

//if have operation, will go to operation
//if (Blyn::app()->getActiveOperation() != NULL)
            $views['operationStartView'] = array('view' => BUIBase::ajax_startView_operation, 'data' => NULL);
            foreach ($views as $view) {
                $uiObj->renderView($view['view'], $view['data']);
            }
            ?>
        </div>
        <div id="defaultApp-rightbar" class="hidden-phone">
            <?php $uiObj->renderView('userSpaceListContainerView'); ?>
        </div>
    </div>
</div>



